<template>
  <div class="page">
    <div class="content">
      <div class="intro" ref="intro">
        <h1>Seyu VFX</h1>
        <p>基于 Vue3 将一些网页特效封装成组件，可以更加灵活的使用他们。</p>
      </div>
      <div ref="importCode">
        <CodeContent :data-list="importList" />
      </div>
    </div>
    <Menu :options="menuOption" />
  </div>
</template>

<script setup>
import { ref, reactive } from "vue"



import { importList } from "./config/start"

defineOptions({
  name: "Start",
  inheritAttrs: false,
})

const intro = ref()
const importCode = ref()

const menuOption = reactive([
  {
    ref: intro,
    label: "简介"
  },
  {
    ref: importCode,
    label: "导入组件"
  }
])
</script>

<style scoped>

</style>